<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
    网站标识和主导航

    头条新闻区域
    各类新闻分块

    热门话题侧边栏

    网站底部信息
    -->
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
    </style>
</head>

<body>
    <header>
        <p>（网站标识）</p>
        <nav>
            <ul>
                <li>（主导航1）</li>
                <li>（主导航2）</li>
                <li>（主导航3）</li>
                <li>（主导航4）</li>
            </ul>
        </nav>
    </header>
    <main>
         <aside>
            <ul>
                <li>（侧边栏1）</li>
                <li>（侧边栏2）</li>
                <li>（侧边栏3）</li>
                <li>（侧边栏4）</li>
            </ul>
        </aside>
        <article>
            <section>（头条新闻区域）</section>
            <section>（各类新闻分块1）</section>
            <section>（各类新闻分块2）</section>
            <section>（各类新闻分块3）</section>
        </article>
        <footer>
            <p>（网站底部信息）</p>
        </footer>
       
    </main>
</body>

</html>